﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="news.aspx.cs" Inherits="news" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Latest News</title>
    <style type="text/css">
        a:link
        {
            color: #FFF;
            text-decoration: none;
        }
        a:visited
        {
            color: #FFF;
            text-decoration: none;
        }
        a:hover
        {
            color: #FFF;
            text-decoration: none;
        }
        a:active
        {
            color: #FFF;
            text-decoration: none;
        }
        body
        {
            /* These rules have no effect on the functionality */ /* They are for styling only */
            margin: 0;
            padding: 20px 0 0 0;
        }
        img.bg
        {
            /* Set rules to fill background */
            min-height: 100%;
            min-width: 1024px; /* Set up proportionate scaling */
            width: 100%;
            height: auto; /* Set up positioning */
            position: fixed;
            top: 0;
            left: 0;
        }
        #content
        {
            /* This is the only important rule */ /* We need our content to show up on top of the background */
            position: relative; /* These have no effect on the functionality */
            width: 800px;
            font-family: helvetica, arial, sans-serif;
            font-size: 10pt;
            line-height: 16pt;
            -moz-box-shadow: #000 4px 4px 10px;
            -webkit-box-shadow: #000 4px 4px 10px;
            margin-top: 0;
            margin-right: auto;
            margin-bottom: 0;
            margin-left: auto;
        }
        #middle_contents
        {
            width: 800px;
            background-color: #FFF;
            height: 1000px;
            background-image: url(images/pattern-1.png);
            background-repeat: repeat-y;
        }
        #header
        {
            height: 200px;
            width: 800px;
            background-color: #FFF;
            background-image: url(images/header_bg.png);
        }
        #up_cleare_bar
        {
            height: 10px;
            width: 800px;
        }
        #menu
        {
            background-color: #84BD60;
            float: left;
            height: 40px;
            width: 800px;
        }
        #Up_lang
        {
            height: 20px;
            width: 800px;
            text-align: right;
            color: #FFF;
            text-decoration: none;
        }
        #flasha
        {
            background-color: #000;
            float: right;
            height: 160px;
            width: 450px;
        }
        #logo
        {
            float: left;
            height: 160px;
            width: 350px;
            background-image: url(images/logo.png);
        }
        #news_box
        {
            height: 970px;
            width: 750px;
            float: right;
            margin-right: 25px;
            background-image: url(images/frame_1.png);
            margin-top: 10px;
            margin-left: 25px;
            margin-bottom: 10px;
        }
        #box1
        {
            height: 175px;
            width: 100%;
            border-bottom-width: 1px;
            border-bottom-style: dashed;
            border-bottom-color: #CCC;
        }
        #box1_title
        {
            background-color: #84BD60;
            float: left;
            height: 25px;
            width: 730px;
            padding-top: 7px;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #FFF;
            border-top-width: 1px;
            border-top-style: solid;
            border-top-color: #FFF;
            font-size: 16px;
            font-weight: bold;
            color: #FFF;
            padding-left: 20px;
        }
        #box1_imag
        {
            float: left;
            height: 100px;
            width: 100px;
            margin-top: 22px;
            margin-bottom: 22px;
            margin-left: 22px;
            border: 2px solid #FFF;
        }
        #box1_word
        {
            float: left;
            height: 100px;
            width: 500px;
            margin-top: 22px;
            margin-left: 10px;
        }
        #box2
        {
            height: 175px;
            width: 100%;
            margin-top: 10px;
            border-bottom-width: 1px;
            border-bottom-style: dashed;
            border-bottom-color: #CCC;
        }
        #box2_title
        {
            background-color: #84BD60;
            float: left;
            height: 25px;
            width: 730px;
            padding-top: 7px;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #FFF;
            border-top-width: 1px;
            border-top-style: solid;
            border-top-color: #FFF;
            font-size: 16px;
            font-weight: bold;
            color: #FFF;
            padding-left: 20px;
        }
        #box2_imag
        {
            float: left;
            height: 100px;
            width: 100px;
            margin-top: 22px;
            margin-bottom: 22px;
            margin-left: 22px;
            border: 2px solid #FFF;
        }
        #box2_word
        {
            float: left;
            height: 100px;
            width: 500px;
            margin-top: 22px;
            margin-left: 10px;
        }
        #box3
        {
            height: 175px;
            width: 100%;
            margin-top: 10px;
            border-bottom-width: 1px;
            border-bottom-style: dashed;
            border-bottom-color: #CCC;
        }
        #box3_title
        {
            background-color: #84BD60;
            float: left;
            height: 25px;
            width: 730px;
            padding-top: 7px;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #FFF;
            border-top-width: 1px;
            border-top-style: solid;
            border-top-color: #FFF;
            font-size: 16px;
            font-weight: bold;
            color: #FFF;
            padding-left: 20px;
        }
        #box3_imag
        {
            float: left;
            height: 100px;
            width: 100px;
            margin-top: 22px;
            margin-bottom: 22px;
            margin-left: 22px;
            border: 2px solid #FFF;
        }
        #box3_word
        {
            float: left;
            height: 100px;
            width: 500px;
            margin-top: 22px;
            margin-left: 10px;
        }
        #box4
        {
            height: 175px;
            width: 100%;
            margin-top: 10px;
            border-bottom-width: 1px;
            border-bottom-style: dashed;
            border-bottom-color: #CCC;
        }
        #box4_title
        {
            background-color: #84BD60;
            float: left;
            height: 25px;
            width: 730px;
            padding-top: 7px;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #FFF;
            border-top-width: 1px;
            border-top-style: solid;
            border-top-color: #FFF;
            font-size: 16px;
            font-weight: bold;
            color: #FFF;
            padding-left: 20px;
        }
        #box4_imag
        {
            float: left;
            height: 100px;
            width: 100px;
            margin-top: 22px;
            margin-bottom: 22px;
            margin-left: 22px;
            border: 2px solid #FFF;
        }
        #box4_word
        {
            float: left;
            height: 100px;
            width: 500px;
            margin-top: 22px;
            margin-left: 10px;
        }
        #read_more1
        {
            float: left;
            height: 20px;
            width: 100px;
            margin-top: 110px;
            font-size: 15px;
            font-weight: normal;
            color: #FFF;
            text-decoration: underline;
        }
        #read_more2
        {
            float: left;
            height: 20px;
            width: 100px;
            margin-top: 110px;
            font-size: 15px;
            font-weight: normal;
            color: #FFF;
            text-decoration: underline;
        }
        #read_more3
        {
            float: left;
            height: 20px;
            width: 100px;
            margin-top: 110px;
            font-size: 15px;
            font-weight: normal;
            color: #FFF;
            text-decoration: underline;
        }
        #read_more4
        {
            float: left;
            height: 20px;
            width: 100px;
            margin-top: 110px;
            font-size: 15px;
            font-weight: normal;
            color: #FFF;
            text-decoration: underline;
        }
        #read_more5
        {
            float: left;
            height: 20px;
            width: 100px;
            margin-top: 110px;
            font-size: 15px;
            font-weight: normal;
            color: #FFF;
            text-decoration: underline;
        }
        #box5
        {
            height: 175px;
            width: 100%;
            margin-top: 10px;
            border-bottom-width: 1px;
            border-bottom-style: dashed;
            border-bottom-color: #CCC;
        }
        #box5_title
        {
            background-color: #84BD60;
            float: left;
            height: 25px;
            width: 730px;
            padding-top: 7px;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #FFF;
            border-top-width: 1px;
            border-top-style: solid;
            border-top-color: #FFF;
            font-size: 16px;
            font-weight: bold;
            color: #FFF;
            padding-left: 20px;
        }
        #box5_imag
        {
            float: left;
            height: 100px;
            width: 100px;
            margin-top: 22px;
            margin-bottom: 22px;
            margin-left: 22px;
            border: 2px solid #FFF;
        }
        #box5_word
        {
            float: left;
            height: 100px;
            width: 500px;
            margin-top: 22px;
            margin-left: 10px;
        }
        #footer
        {
            background-image: url(images/frame_1.png);
            height: 35px;
            width: 800px;
            margin-right: auto;
            margin-left: auto;
            padding-top: 15px;
            color: #FFF;
            font-size: 13;
            text-align: center;
        }
        .table_class
        {
            font-size: 13px;
            color: #FFF;
            text-align: center;
            font-weight: bold;
        }
        .style1
        {
            width: 100%;
        }
        .style2
        {
            width: 109px;
        }
        .style3
        {
            width: 303px;
        }
    </style>

    <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>

</head>
<body>
    <form id="form1" runat="server">
    <img src="images/bg.jpg" class="bg" />
    <div id="content">
        <div id="Up_lang">
            <a href="Default.aspx">عربى</a></div>
        <div id="header">
            <div id="flasha">
                <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="450"
                    height="160">
                    <param name="movie" value="swf/E.swf">
                    <param name="quality" value="high">
                    <param name="wmode" value="opaque">
                    <param name="swfversion" value="6.0.65.0">
                    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
                    <param name="expressinstall" value="Scripts/expressInstall.swf">
                    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
                    <!--[if !IE]>-->
                    <object type="application/x-shockwave-flash" data="swf/E.swf" width="450" height="160">
                        <!--<![endif]-->
                        <param name="quality" value="high">
                        <param name="wmode" value="opaque">
                        <param name="swfversion" value="6.0.65.0">
                        <param name="expressinstall" value="Scripts/expressInstall.swf">
                        <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
                        <div>
                            <h4>
                                Content on this page requires a newer version of Adobe Flash Player.</h4>
                            <p>
                                <a href="http://www.adobe.com/go/getflashplayer">
                                    <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"
                                        alt="Get Adobe Flash player" /></a></p>
                        </div>
                        <!--[if !IE]>-->
                    </object>
                    <!--<![endif]-->
                </object>
            </div>
            <div id="logo">
            </div>
            <div id="menu">
                <table width="800" height="40" align="center" class="table_class">
                    <tr>
                        <td width="73">
                            <a href="English.aspx">Home</a>
                        </td>
                        <td width="88">
                            <a href="about.html">About</a>
                        </td>
                        <td width="124">
                            <a href="imprtant_info.html">Important Info</a>
                        </td>
                        <td width="131">
                            <a href="related_links.aspx">Related Links</a>
                        </td>
                        <td width="167">
                            <a href="buss_opp.aspx">Business Opportunities</a>
                        </td>
                        <td width="103">
                            <a href="Members.html">Members</a>
                        </td>
                        <td width="82">
                            <a href="contact.aspx">Contacts</a>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div id="up_cleare_bar">
        </div>
        <div id="middle_contents">
            <div id="news_box">
                <asp:Repeater runat="server" ID="rptNews">
                    <ItemTemplate>
                        <div id="box2">
                            <div id="box2_title">
                                <asp:Label ID="ENews2_Title" runat="server" Width="649px"><%# Eval("News_Title")%></asp:Label>
                            </div>
                            <div id="box2_imag">
                                <asp:Image ID="Image1" runat="server" Height="100px" Width="99px" ImageUrl='<%# DataBinder.Eval(Container.DataItem, "News_Image") %>' /></div>
                            <div id="box2_word">
                                <asp:Label ID="Label1" runat="server" Font-Size="12pt" Height="97px" Style="font-weight: bold;
                                    color: white" Width="498px"> <%# DataBinder.Eval(Container.DataItem, "News_Entry") %>
                                </asp:Label></div>
                            <div id="read_more2">
                                <asp:HyperLink ID="HyperLink1" runat="server" Font-Size="14px" NavigateUrl='<%# DataBinder.Eval(Container.DataItem, "ID", "~/Event.aspx?More={0}") %>'>Read More</asp:HyperLink>
                            </div>
                        </div>
                    </ItemTemplate>
                </asp:Repeater>
                <table class="style1">
                    <tr>
                        <td align="right" class="style3">
                            <asp:LinkButton ID="LnkPrev" runat="server" onclick="LnkPrev_Click">&lt;&lt; Previous</asp:LinkButton>
                        </td>
                        <td align="center" class="style2">
                            <asp:Label ID="lblCurrentPage" runat="server" Font-Bold="True" 
                                ForeColor="White" Enabled="False"></asp:Label>
                        </td>
                        <td align="left">
                            <asp:LinkButton ID="LnkNext" runat="server" onclick="LnkNext_Click">Next &gt;&gt;</asp:LinkButton>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div id="footer">
            © Copyright 2010 FAC.WebDesign & Developmenet By Ebhar Creative Studios , All Rights
            Reserved</div>
    </div>

    <script type="text/javascript">
<!--
        swfobject.registerObject("FlashID");
//-->
    </script>

    </form>
</body>
</html>
